@charset "utf-8";
/* reset bootsrtap */
.navbar-default{
	border:none; margin:0;
}
.navbar-default .navbar-toggle{
	background:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:#223e99;	
}
.navbar-default .navbar-toggle {
  border-color: #223e99;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #223e99;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #3952a3;
}
.navbar-default .navbar-toggle:hover  .icon-bar,
.navbar-default .navbar-toggle:focus  .icon-bar{
  background-color: #fff;
}
/*end reset bootsrtap*/

body{font-size:12px; font-family: 'UTMAvo'; color:#404041;}
a{
	color:#404041;	
}
a:hover{
	color:#be0108;	
}
#page {float: left;overflow: hidden; position: relative;width:100%;z-index: 1;}
#page > .container{}
.pleft{padding-left:0;}
.pright{padding-right:0;}
.pboth{padding-left:0; padding-right:0;}

#header-web{display:block; overflow:hidden;}
.logo{float:left; margin:17px 0; color:#404041; font-size:12px;}
.slogan{margin-top:78px; float:left; margin-left:10px;}
.hotline_phone{ background:url(../images/hotline.gif) no-repeat 0px 0px; margin-top:46px; margin-left:50px; padding-top:15px; padding-left:200px; font-size:11px; min-height:50px;}
.hotline_phone > p{ margin:}
.contact{ padding-left:40px; margin-top:55px; background:url(../images/home.gif) no-repeat 0 5px; margin-left:50px;}
.contact > h4{text-transform:uppercase; margin:0;}
.contact > p{ font-size:11px; margin:0;}

#menu{ display:block; margin-bottom:1px;}
#nav-bar > ul{ background:#223e99; height:50px;width:100%;}
#nav-bar > ul > li{ border-right:1px solid #3952a3;}
#nav-bar > ul > li:last-child{ border-right:none;}
#nav-bar > ul > li > a{ font-size:12px; color:#fff; font-family:arial; text-transform:uppercase; padding:15px 32px;}
#nav-bar > ul > li:hover > a,#nav-bar > ul > li.active > a{background:#3952a3;}

.slide-one{background:url(../images/bg_top.jpg) no-repeat center 0;}
.slide-two{background:url(../images/bg_top_2.jpg) no-repeat center 0;}

.item-slide{background-size:cover; height:464px;}
.item-slide > .container{} 
.item-slide > .container .content{ background:url(../images/2_2.png) repeat 0 0; margin-top:130px; padding:20px; position:relative;}

.bar-model{background:url(../images/642_1.gif) no-repeat left bottom; padding-bottom:2px; font-size:36px; color:#223e99; text-transform:uppercase;}
.detail-model{ padding-top:5px; font-size:16px; color:#000;}
.detail-model > .text-right{ margin:0 0 40px;}
.detail-model > .text-right > span{font-family: 'UTMAvoBold';}
.detail-model > .text-left > label{ color:#b00107; font-weight:normal;}

.btn-xemngay{width:98px; height:31px; background:url(../images/xemngay.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1; right:15px; bottom:35px; border:none;}

#top-slide{overflow:hidden;}

#top-slide .owl-buttons .owl-prev,
#top-slide .owl-buttons .owl-next{ position:absolute; top:50%; z-index:2; width:30px; height:41px; text-indent:-9999px; float:left;}
#top-slide .owl-buttons .owl-prev{ background:url(../images/prev_slide.png) no-repeat; left:20px;}
#top-slide .owl-buttons .owl-next{ background:url(../images/next_slide.png) no-repeat;right:20px;}

.bar-title{ height:39px; background:url(../images/bar_title.png) no-repeat 0 0; margin-bottom:10px; padding-left:35px; line-height:43px; font-size:20px; color:#fff;}
.bar-title > a{font-size:20px; color:#fff; line-height:43px; float:left;}

#main{ background:url(../images/bg.gif) repeat 0 0; padding-top:20px;}
.ul_product{font-family:arial;}
.ul_product > li{ background:#f1f1f1; border:1px solid #d8d8d8; border-radius:5px; padding:5px; display:block; margin-bottom:20px;}
.ct_product{ background:#fff; display:block; padding:15px 10px 5px; height:265px; position:relative; padding-bottom:25px; overflow:hidden;}
.ul_product > li h3.title{ border-bottom:1px dashed #ccc; padding-bottom:5px; margin:0;width:100%; float:left; margin-bottom:10px;}
.ul_product > li h3.title a{font-size:18px; color:#000; font-weight:bold; font-family:arial;}

.ul_product > li .thumb{width:142px; margin-right:10px; float:left;}

.ul_product > li h3.title a:hover,
.ul_other > li a:hover,
.tieudiem .title a:hover,
.hot_project > ul li a:hover,
.list_link > a:hover{color:#be0108;}

.ul_product > li .lead{font-size:13px; margin:0; color:#3e3e3e; font-family:tahoma;}
.view_all{ text-align:right; position:absolute; bottom:5px; right:10px; margin:0;}
.view_all > a{width:25px; height:11px; display:inline-block; background:url(../images/view_all.gif) no-repeat 0 0;}

.div_tuvan .ul_product > li h3.title a{color:#be0108; font-weight:normal;}
.div_tuvan .ul_product > li .thumb{width:100%; margin-bottom:10px;}
.ul_product > li .thumb img{width:100%;}
.div_tuvan .ul_product > li h3.title a{font-family: 'UTMAvo';}


.div_tienich{}
.div_tienich .bar-title{ background:url(../images/title_red.png) no-repeat 0 0;}
.div_tienich .ct_product{ background:#ed9f3d;}
.div_tienich .ul_product > li h3.title{ border-bottom:1px dashed #fff;}
.div_tienich .ul_product > li h3.title a{ color:#fff;font-family: 'UTMAvo';}
.div_tienich .ul_product > li .lead{color:#fff;}
.div_tienich .ul_product > li .thumb{width:180px;}


.mail_building{background:#223e99; padding-top:15px;  margin-bottom:20px;}
.mail_building .building{background:#f1f1f1; border:1px solid #d8d8d8; border-radius:5px; padding:5px; display:block; margin-bottom:20px; display:block;}
.mail_building .building .ct{background:#fff; display:block; padding:10px 10px 5px; position:relative; padding-bottom:25px; overflow:hidden;}

.mail_building h3.title{ border-bottom:1px dashed #ccc; padding-bottom:5px; margin:0;width:100%; float:left; margin-bottom:10px; text-align:center;}
.mail_building h3.title a{font-size:13px; color:#be0108;font-family:tahoma; text-transform:uppercase;}
.mail_building .thumb{width:100%; margin-bottom:10px; float:left;}
.mail_building .thumb img{width:100%;}
.mail_building .lead{font-size:12px; font-family:tahoma; margin:0 0 5px;}

.tieudiem{border:1px solid #ddd; padding:15px; background:#fff; border-radius:3px;}
.tieudiem .bar{ border-bottom:1px dashed #ccc;width:100%; margin:0; padding-bottom:5px; margin-bottom:10px;}
.tieudiem .bar a{font-family:arial; color:#be0108; font-size:15px; font-weight:bold; text-transform:uppercase;}
.tieudiem .thumb{width:137px; margin-right:10px; border:3px solid #cccacb; border-radius:5px; float:left;}
.tieudiem .thumb img{width:100%;}
.tieudiem .title{ margin:0 0 20px;}
.tieudiem .title a{font:bold 13px arial; color:#000;}
.tieudiem .view_detail{margin:0 0 5px;}
.tieudiem .view_detail a{ height:24px; background:#be0108; padding:0px 14px; font:12px arial; color:#fff; display:inline-block; line-height:26px; border-radius:5px;}
.tieudiem .lead{font-size:12px; font-family:tahoma; margin:10px 0 0; color:#000;}

.ul_other{ display:block; margin-top:20px;}
.ul_other > li{ background:url(../images/9_8.gif) no-repeat 0 5px; padding-left:14px; display:block; margin-bottom:10px;}
.ul_other > li a{color:#333;font-size:12px; font-family:tahoma;}

.tieudiem .bar a span{ color:#223e99;}
.main_p{background:url(../images/13_13.gif) no-repeat 0px 2px; padding-left:18px; font:14px arial; color:#223e99; text-transform:uppercase; line-height:19px;}
.text_p{font:13px arial; color:#505050; margin-bottom:1.5em; line-height:22px;}
.fast-contact .bar a{ color:#000;}

.frm_contact{font-size:13px; font-family:arial;}
.lbl_input{margin:0;}
.input_text{margin:0 0 5px; height:27px; border:1px solid #ccc; border-radius:2px;}
.text_input{width:100%; display:block; padding:5px 10px; background:none; border:none; color:#939396; height:25px;}
.input_textarea{width:100%; display:block;border:1px solid #ccc; border-radius:2px;}
.input_textarea > textarea{width:100%;width:100%; display:block; padding:5px 10px; background:none; border:none; color:#939396; height:80px;}
.sm_send{width:100%; background:#2d2d2d; border:1px solid #131313; height:31px; line-height:31px; text-align:center; font:14px arial; color:#fff; text-transform:uppercase;}


.row_partner{ margin-top:20px; display:block; float:left;width:100%; margin-bottom:44px;}
.div_partner{ background:#fff; border:1px solid #e3e3e3; padding:30px 45px;border-radius:5px;-webkit-box-shadow: 2px 2px 3px 0px rgba(227,227,227,0.82);-moz-box-shadow: 2px 2px 3px 0px rgba(227,227,227,0.82);box-shadow: 2px 2px 3px 0px rgba(227,227,227,0.82); display:block; overflow:hidden; position:relative;width:100%;}

.item_partner{margin:0px 9px 18px; float:left;}
.item_partner > a{border:7px solid #f1f1f1; float:left;}/*width:191px;*/
.item_partner  a > img{width:100%; }

.pre_partner,.next_partner{width:20px; height:30px; position:absolute; top:85px;}
.pre_partner{ background:url(../images/pre_partner.gif) no-repeat; left:10px;}
.next_partner{ background:url(../images/next_partner.gif) no-repeat; right:10px;}

#footer{ display:block; border-top:1px solid #be0108; background:#f3f3f3; padding-top:30px; padding-bottom:20px;}
#footer{font:14px arial; color:#4c4c4c;}
.first-col .main_f { padding:0; font-size:14px; font-family:arial;}
.first-col .main_f span{ font-weight:bold; color:#a80103;}
.first-col p{ padding-left:20px; margin-bottom:10px;font:12px arial; color:#4c4c4c;}
.first-col  p.local{ background:url(../images/local.gif) no-repeat 0 3px;}
.first-col p.tel{ background:url(../images/tel.gif) no-repeat 0 5px;}
.first-col  p.email{ background:url(../images/email.gif) no-repeat 0 3px;}

.hot_project{}
.hot_project > h4{font-size:14px; padding-bottom:5px; border-bottom:1px dashed #ddd; margin:0;margin-bottom:10px;}
.hot_project > h4 span{color:#be0108;}
.hot_project > ul{}
.hot_project > ul li{ display:block; margin:0px 0px 3px;}
.hot_project > ul li a{font:12px arial; color:#3a3a3c;}

.social_connect{ text-align:right;}

.social_connect > h4{font-size:12px; color:#312b2b;padding-bottom:5px; border-bottom:1px dashed #ddd; margin:0;margin-bottom:15px;font-family: 'UTMAvo';}
.list_link{display:block; overflow:hidden;}
.list_link > a{display:inline-block; font-size:24px; color:#878789; margin-right:5px;}

/* tieu diem css */
#breadcrumb{ height:48px; border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; margin-bottom:20px; display:block; background:#fff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(214,214,214,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(214,214,214,1);
box-shadow: 0px 5px 5px 0px rgba(214,214,214,1);}

.link_breadcrumb{font:12px arial; color:#404041; line-height:47px; padding-right:25px; background:url(../images/row_bread.gif) no-repeat right center; display:inline-block; margin-right:8px;}
/* #breadcrumb .link_breadcrumb:last-child{ padding-right:0; background:none; margin-right:0;} */

.left_boxes{width:100%; float:left; margin-bottom:30px;}
.left_boxes > h3.bar{ background:url(../images/1_3.gif) repeat-x left bottom; margin:0 0 15px; height:27px;}
.left_boxes > h3.bar > a{ height:27px; float:left; border-bottom:3px solid #223e99; line-height:25px; font-size:16px; color:#404041;}

.left_boxes > ul{ display:block;}
.left_boxes > ul > li{display:block; margin-bottom:4px; background:#fff; padding:10px 12px;border:1px solid #efefef; border-radius:5px;}
.left_boxes > ul > li:hover{background:#e1e1e1;}
.left_boxes > ul > li > a{ color:#848484; font-size:13px;}

.duan_phanphoi > ul > li{padding-top:20px; padding-bottom:15px;}

.right-col > h3.bar {background:url(../images/1_3.gif) repeat-x left bottom; margin:0 0 25px; height:43px;}
.right-col > h3.bar > a{height:43px; float:left; border-bottom:3px solid #223e99; line-height:40px; font-size:25px; color:#404041;}
.info_top{ float:right; font:15px arial; color:#223e99; line-height:40px; font-weight:600;}

.ul_tieudiem{display:block; overflow:hidden;}
.ul_tieudiem li{display:inline-table; vertical-align:top; margin-bottom:30px;}
.ul_tieudiem li .thumb{ margin:0 0 10px; width:100%; display:block;}
.ul_tieudiem li .thumb > img{width:100%;}
.ul_tieudiem li > h4.title{ margin:0 0 10px; height:40px; overflow:hidden;}
.ul_tieudiem li > h4.title a{font:16px arial; color:#223e99; }
.ul_tieudiem li > .lead{font:13px arial; color:#1a1a1b; margin:0 0 5px; text-align:justify; height:96px; overflow:hidden;}
.ul_tieudiem li > .chitiet{ margin:0;}
.ul_tieudiem li > .chitiet a{font:13px arial; color:#223e99;}

.ul_panigation{ display:inline-block; margin-bottom:30px; margin-top:0;}
.ul_panigation > li{ float:left; margin-left:3px;}
.ul_panigation > li > a, .ul_panigation > li > span {
    background-color: #ececec;
	border-radius:0!important;
    border: 1px solid #ccc;
    color: #000;
    float: left;
	line-height:25px;
    margin-left: -1px;
    padding: 0px 6px;
    position: relative;
    text-decoration: none;
	height:25px;
}
.ul_panigation > li > a:hover,
.ul_panigation > li > span:hover,
.ul_panigation > li > a:focus,
.ul_panigation > li > span:focus {
  color: #fff;
  background-color: #055699;
}

.ul_tieudiem > li{width:33%; float:none!important; display:inline-table; vertical-align:top;}
.right-col{ float:right;}
.left-col{ float:left; padding-top:17px;}

.detail_content{ padding-top:20px;}
.detail_content > p{ margin-bottom:2em; font:14px arial; color:#4a4a4a; line-height:2em;}
.detail_content .image{ text-align:center;}
.detail_content .image > img{max-width:100%;}

.div_social{ display:block;}
.share_social{ display:block; overflow:hidden; margin-bottom:30px;}
.first_social{ margin-right:44px; float:left;}
.first_social > div{ float:left; margin-right:10px; margin-bottom:10px;}

.comment{ border:1px solid #c5c5c5; background:#fff; margin-bottom:50px;width:100%; float:left;}
.cmt-header{width:100%; padding:25px 30px; background:#f5f5f5; float:left;}
.cmt-header > .notify{ float:left; color:#4a4a4a; font:14px arial;}
.img_google{float:right;}
.cmt_frm{ padding:25px 30px;width:100%; float:left;}
.cmt_frm .avatar > img{width:100%; border-radius:100%;}
.inputCmt{position:relative; border:1px solid #ddd;}
.row_left{position:absolute; left:-11px; top:-1px;}
.inputCmt > textarea{width:100%; min-height:70px; border:none; background:none; padding-top:10px; padding-bottom:10px; font:14px arial; color:#666}

.contact-div{ display:block; overflow:hidden;}
.contact-div > .map{ margin-bottom:2em; text-align:center;}
.contact-div > .map > img{ max-width:100%;}

.frm_lh_detail{ display:block; margin-top:30px;}
.frm_lh_detail .form-group{ border:1px solid #ddd; background:#fff; margin:0 0 10px;border-radius:5px;}
.frm_lh_detail .form-group > input.input_contact{border:none; padding:15px;font:14px arial; color:#939393; height:50px; }
.frm_lh_detail .form-group > textarea{width:100%; padding:15px; height:265px;font:14px arial; color:#939393; border:none; background:none;}
li.current-menu-item{background: #3952a3;}